<template>
  <div class="container-big wing-blank forward-error-page">
    <h3 class="error-title">
      {{ error.title }}
    </h3>
    <p class="error-desc">
      {{ error.desc }}
    </p>
  </div>
</template>
<script>
const errors = [{
  title: '已逾期',
  desc: '很抱歉，当前时段不再支持转送服务'
}, {
  title: '激活失败',
  desc: '很抱歉，此激活码已被使用'
}, {
  title: '激活失败',
  desc: '很抱歉，当前时段已终止激活转送票服务'
}];
export default {
  data() {
    return {
      error: errors[0]
    };
  },

  mounted() {
    const { type } = this.$route.query;
    this.error = errors[Number(type) || 0];
  }
};
</script>
<style lang="less">
.forward-error-page {
  padding-top: 72px;
  text-align: center;
  color: #fff;
  .error-title {
    font-size: 36px;
    font-weight: normal;
    margin: 0;
  }

  .error-desc {
    font-size: 26px;
    margin-top: 12px;
  }
}
</style>
